<template>
  <div class='hearder'>
    <el-breadcrumb separator-class="el-icon-arrow-right" class="bread">
      <el-breadcrumb-item :to="{ path: '/' }" ><div class='title'><img src="@/assets/images/ICBC.png"/><span>ICBC · 工作台</span></div></el-breadcrumb-item>
    </el-breadcrumb>

    <log-out/>
  </div>
</template>

<script>
import LogOut from '@/components/LogOut'
export default {
  components:{LogOut}
}
</script>

<style lang="scss" scoped>
.hearder{
  box-shadow: 2px 2px 5px rgb(203, 200, 200);
  .bread{
    display: flex;
    align-items: center;
    .title{
      display: flex;
      align-items: center;
      justify-content: space-between;
      img{
        width: 18px;
        margin-right: 8px;
      }
    }
    
    
  }
  height: 60px;
  padding:0 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow:2px 2px 5px rgb(203, 200, 200);
  .select{
    width: 120px;
    .el-input {
      border:none;
    }
  }
}
</style>